<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="/logo.svg" />
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
  <title>
    <%= title %>
  </title>
  <style>
    .my-btn {
      width: 2rem;
      height: 2rem;
      position: fixed;
      right: 2%;
      top: 70%;
      transform: translateY(-70%);
      font-size: 0.6rem;
      background-color: #fff;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-weight: bold;
      box-sizing: border-box;
      padding: 0;
      background-image: linear-gradient(to right top,
          #0976f1,
          #228ff9,
          #2f9efe);
      z-index: 999;
    }
  </style>
</head>

<body ontouchstart="">
  <div id="app"></div>
  <script type="module" src="/src/main.js"></script>
  <!-- pdf转img -->
  <!-- <script src="./js/pdf.js"></script>
    <script src="./js/pdf.worker.js"></script> -->
  <!-- <script src="https://webapi.amap.com/loader.js"></script> -->
  <!-- <script src="http://map.qq.com/api/js?v=2.exp&key=HZ2BZ-J5RW6-MPZSX-M4LNI-SVKZT-DZFX3"></script> -->
  <script charset="utf-8"
    src="https://map.qq.com/api/gljs?v=1.exp&libraries=service&key=HZ2BZ-J5RW6-MPZSX-M4LNI-SVKZT-DZFX3"></script>
  <!-- <script type="text/javascript" src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script> -->

  <script src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script>
  <script src="https://mapapi.qq.com/web/mapComponents/geoLocation/v/geolocation.min.js"
    type="text/javascript"></script>
  <script src="/Viewer_v7.32/viewer3D.js"></script>
  <link rel="stylesheet" href="/Viewer_v7.32/style.css" />
  <script src="/EaBIMViewer.js"></script>
</body>

</html>